<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>尚合</title>
		<style>
			.box1 {
				width: 980px;
				height: 60px;
				margin: 0 auto;
			}
			
			.box2 {
				width: 100%;
				height: 55px;
				background: url(img/nav_bg.png);
			}
			
			.box3 {
				width: 980px;
				height: 597px;
				margin: 0 auto;
			}
			
			.box4 {
				width: 100%;
				height: 30px;
				background: #FBFBFB;
				margin: 2px 0px;
				position: relative;
				border-top: 1px solid #EFEFEF;
				border-bottom: 1px solid #EFEFEF;
			}
			
			.box5 {
				width: 980px;
				height: 225px;
				margin: 2px auto;
			}
			
			.box6 {
				width: 100%;
				height: 260px;
				border: 2px solid black;
				background: #2D2D2D;
			}
			
			.logo {
				width: 179px;
				height: 39px;
				float: left;
				margin-top: 16px;
			}
			
			.search {
				float: right;
				margin-top: 16px;
				border: 1px solid #ECECEC;
			}
			
			.txt {
				width: 165px;
				height: 28px;
				float: left;
			}
			
			.search .btn {
				width: 30px;
				height: 30px;
				background: url(img/search2.jpg);
			}
			
			.box2in {
				width: 980px;
				height: 55px;
				background: url(img/nav_bg-line.png);
				margin: 0 auto;
			}
			
			.box2in ul {
				width: 980px;
				list-style: none;
			}
			
			.box2in ul li {
				width: 160px;
				float: left;
			}
			
			.box2in ul li a {
				text-decoration: none;
				color: black;
				font-size: 13px;
			}
			
			.box2in ul li a:hover {
				color: limegreen;
			}
			
			.box4in {
				width: 980px;
				height: 22px;
				margin: 0 auto;
				font-size: 14px;
				padding: 5px;
			}
			
			.box4logo {
				width: 79px;
				height: 22px;
				float: right;
			}
			
			.box5l {
				width: 340px;
				height: 215px;
				position: relative;
				top: 5px;
				border: 1px solid #EFEFEF;
			}
			
			.box5lt {
				width: 340px;
				height: 17px;
				color: green;
				font-size: 13px;
			}
			
			.box5lb,
			{
				width: 338px;
				height: 198px;
				position: relative;
				margin: 0 auto;
			}
			
			.box5lbl {
				position: absolute;
				top: 95px;
				left: 20px;
			}
			
			.box5lbr {
				position: absolute;
				top: 95px;
				right: 20px;
			}
			
			.box5c {
				width: 390px;
				height: 215px;
				position: relative;
				left: 11px;
				top: 5px;
				border: 1px solid #EFEFEF;
			}
			
			.box5cb {
				font-size: 12px;
				width: 350px;
				height: 198px;
				position: relative;
				margin: 0 auto;
				top: 20px;
			}
			
			.styledotted {
				width: 350px;
				height: 23px;
				border-bottom: 1px dashed black;
			}
			
			.box5r {
				width: 220px;
				height: 215px;
				position: relative;
				top: 5px;
				border: 1px solid #EFEFEF;
			}
			
			.box5rb {
				font-size: 12px;
				width: 350px;
				height: 130px;
				position: relative;
				margin: 0 auto;
				top: 20px;
				left: 20px;
			}
			
			.stylesolid {
				width: 350px;
				height: 15px;
				border-left: 2px solid green;
			}
			
			.box5rmb {
				position: relative;
				height: 50px;
				width: 350px;
				top: 20px;
			}
			
			.box6t {
				width: 980px;
				height: 160px;
				margin: auto auto;
			}
			
			.box6t table {
				width: 460px;
				height: 100px;
			}
			
			.box6 table a {
				text-decoration: none;
				font-size: 13px;
			}
			
			.box6b {
				width: 100%;
				height: 66px;
				padding: 15px;
				font-size: 13px;
				text-align: center;
				border-top: 1px dashed #656565;
			}
			
			.red {
				color: red;
			}
			
			.right {
				float: right;
			}
			
			.left {
				float: left;
			}
			
			.white {
				color: white;
			}
			
			.gray {
				color: #656565;
			}
		</style>
	</head>

	<body>

		<!--网页头部logo和搜索框-->
		<div class="box1">
			<!--网页顶部左侧-->
			<div class="logo">
				<img src="img/logo.jpg" />
			</div>
			<!--网页顶部右侧    更改-->
			<div class="search">
				<input type="text" value="请输入..." class="txt" />
				<input type="button" class="btn" />
			</div>
		</div>

		<!--网页导航栏-->
		<div class="box2">
			<!--导航栏 -->
			<div class="box2in">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">智能手机</a></li>
					<li><a href="#">平板电脑</a></li>
					<li><a href="#">配件</a></li>
					<li><a href="#">服务支持</a></li>
					<li><a href="#">关于尚合</a></li>
				</ul>
			</div>

		</div>

		<!--网页中央图片-->
		<div class="box3">
			<!--网页中间图片-->
			<img src="img/banner.jpg" />
		</div>

		<!--网页公告-->
		<div class="box4">
			<div class="box4in">最新公告：尚合Aone智能手机入网证已获得工信部门审批下发。尚合官网
				<div class="box4logo">
					<img src="img/zone.png" />
					<img src="img/weibo.png" />
					<img src="img/xinlang.png" />
					<img src="img/renren.png" />
				</div>

			</div>
		</div>

		<!--新品发布，新闻中心，技术与支持-->
		<div class="box5">
			<!--新闻发布-->
			<div class="box5l left">
				<div class="box5lt">
					&nbsp;<img src="img/o.jpg">&nbsp;新品发布
				</div>
				<!--新品发布图片-->
				<div class="box5lb">
					<img src="img/home_hot_01.png" width="338px" height="198px" />
					<div class="box5lbl">
						<img src="img/left.png" />
					</div>
					<div class="box5lbr">
						<img src="img/right.png" />
					</div>

				</div>
			</div>
			<!--新闻中心-->
			<div class="box5c left">
				<div class="box5lt">
					&nbsp;<img src="img/o.jpg">&nbsp;新闻中心
				</div>
				<!--新闻中心下部分文字-->
				<div class="box5cb">
					<table>
						<tr>
							<td>
								<div class="styledotted red">致歉公告</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="styledotted">首批尚合Aonet已全部售罄！</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="styledotted">【媒体报导】国产性价比 尚合Aonet四核手机评测</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="styledotted">我司产品已经通过了国家强制性产品3C认证</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="styledotted">尚合Aone智能手机入网证已经获工信部门审批下发</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="styledotted">我司通过ISO9001：2008国际质量管理体系认证</div>
							</td>
						</tr>

					</table>
				</div>
			</div>

			<!--技术与支持-->
			<div class="box5r right">
				<div class="box5lt">
					&nbsp;<img src="img/o.jpg">&nbsp;技术与支持
				</div>
				<div class="box5rb">
					<table>
						<tr>
							<td>
								<div class="stylesolid">&nbsp;售后服务</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="stylesolid">&nbsp;投诉与建议</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="stylesolid">&nbsp;联保网点</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="stylesolid">&nbsp;常见问题FAQ</div>
							</td>
						</tr>
					</table>
					<div class="box5rmb">
						深圳市汇聚众合科技发展有限公司<br /> 服务热线：400-633-7922
					</div>
				</div>
			</div>
		</div>

		<!--网页底部-->
		<div class="box6">
			<div class="box6t">
				<table>
					<tr>
						<td><a class="white" href="">尚合首页</a></td>
						<td><a class="white" href="#">尚合首页</a></td>
						<td><a class="white" href="#">尚合首页</a></td>
						<td><a class="white" href="#">尚合首页</a></td>
					</tr>
					<tr>
						<td><a href="#" class="gray">返回首页</a></td>
						<td><a href="#" class="gray">返回首页</a></td>
						<td><a href="#" class="gray">返回首页</a></td>
						<td><a href="#" class="gray">返回首页</a></td>
					</tr>
				</table>
			</div>
			<div class="box6b">
				<p>
					深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br /> 会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司
				</p>

			</div>
		</div>

	</body>

</html>